.App-logo {
    width: 60px;
    height: 60px;
    float: left;
}

@media (prefers-reduced-motion: no-preference) {
    .App-logo {
        animation: App-logo-spin infinite 20s linear;
    }
}

@keyframes App-logo-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.topHeaderContainerStyle {
    height: 40px !important;
    line-height: 40px !important;
    display: flex;
    padding-left: 4%;
    padding-right: 4%;
    align-items: center;
    flex-direction: row !important;
    background-color: #f5f5f5 !important;
}

.buttonGroupStyle {

}

.placeHolderViewStyle {
    flex-grow: 1;
    flex-shrink: 1;
}

.headerContainerStyle {
    display: flex;
    flex-direction: row !important;
    background-color: white !important;
    align-items: center;
}

.footerContainerStyle {
    background-color: #f5f5f5 !important;
}

.titleStyle {
    align-items: center;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    color: aqua !important;
}

.searchInputStyle {
    width: 400px !important;
    margin-left: 20px !important;
}

.topMenuStyle {
    padding-left: 6% !important;
    padding-right: 6% !important;
    background-color: #1976D2 !important;
    color: white !important;
}
